<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<link rel="stylesheet" href="css/shopping.css" />
		<link rel="stylesheet" href="css/header.css" />
	</head>

	<body>

		<div class="header">

			<div class="headBox">

				<div class="log">
					<a href="index.html"><img src="img/headpicture/nav_logo.png"></a>
				</div>

				<ul class="hdNav">
					<li>
						<a href="#">Jeep云图</a>
					</li>
					<li class="hdNarCar nav">
						<a href="#" class="hdNavTxt">车型</a>

						<div class="head-hiding over">
							<ul>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n1.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t1.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n2.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t2.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n3.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t3.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n4.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t4.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n5.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t5.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n6.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t6.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
							</ul>
						</div>

					</li>
					<li class="financial">
						<a href="#">金融服务</a>
						<div class="Amount_Money" style="display: none;">
							<ul>
								<li>
									<a href="#">自由享金融</a>
								</li>
								<li>
									<a href="#">自由享置换</a>
								</li>
								<li>
									<a href="#">金融计算</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="shopping.html">Jeep商城</a>
					</li>
					<li class="Club_Life">
						<a href="#">Jeep Life</a>
						<div class="club" style="height: 160px;display: none;">
							<ul>
								<li>
									<a href="#">探享俱乐部</a>
								</li>
								<li>
									<a href="#">品牌介绍</a>
								</li>
								<li>
									<a href="#">新闻资讯</a>
								</li>
								<li>
									<a href="#">最新活动</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="Owner_Service">
						<a href="#">车主服务</a>
						<div class="Service_items over" style="display: none;">
							<ul>
								<li>
									<a href="#">汽车三包政策</a>
								</li>
								<li>
									<a href="#">24小时道路救援</a>
								</li>
								<li>
									<a href="#">车辆信息查询</a>
								</li>
								<li>
									<a href="#">车友论坛</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="dltd">
						<a href="testDrive.html"><img src="img/headpicture/find.png" style="vertical-align: middle;margin-right: 6px;"><span style="color: darkorange;">查找经销商</span></a>
					</li>
					<li class="dltd">
						<a href="testDrive.html"><img src="img/headpicture/test.png" style="vertical-align: middle;margin-right: 6px;"><span style="color: darkorange;">试驾预约</span></a>
					</li>
					<li class="join_us">
						<a href="#">加入我们</a>
						<div class="info over" style="height: 80px;margin-left: -75px; display: none;">
							<ul>
								<li>
									<a href="#">招聘信息</a>
								</li>
								<li>
									<a href="#">申请经销商</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--/header-->
		<div class="shopp-head">
			<ul class="shoppingcar">
				<li class="kf">
					<a href="#"><img src="img/shopping/kf.png" />在线客服</a>
				</li>
				<li class="spcar">
					<a href="#"><img src="img/shopping/gwc.png" />购物车</a>
					<div class="cart-sp">
						<label class="lb"></label>
						<img class="close-up" src="img/xxx.png" />
						<h2>我的购物车</h2>
						<ul class="header-cart">
							<li>商品图片</li>
							<li>商品名称</li>
							<li>单价</li>
							<li>数量</li>
							<li>总价格</li>
						</ul>
						<div class="exhibition">

						</div>
					</div>

				</li>
				<li class="dl">
					<a href="#"><img src="img/shopping/zcdl.png" />注册/登录</a>
				</li>
				<li class="ks">
					<a href="#">快速查询</a>
					<div class="kscx">
						<ul class="topname">
							<li>商品图片</li>
							<li>名称</li>
							<li>价格</li>
						</ul>
						<!--<img class="close-kp" src="img/xxx.png" />-->
						<input type="text" class="cxk" />
						<label class="lbl">请输入配件名称(支持模糊查询)</label>

						<div class="xsyd">

						</div>
					</div>
				</li>
			</ul>
		</div>
		<!--/shopp-head-->
		<div class="middle">

			<table id="idData">
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/zsp.jpg" />

							<ul>
								<li class="title">自由光 前雾灯装饰罩</li>
								<li>官方指导价：<span class="money">600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/aqzy.jpg" />
							<ul>
								<li class="title">自由侠 真皮座椅 </li>
								<li>官方指导价：<span class="money">4700.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/qyd.jpg" />

							<ul>
								<li class="title">Jeep牧马人 雨挡</li>
								<li>官方指导价：<span class="money">1400.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/qmm.jpg" />

							<ul>
								<li class="title">塑钢气门帽</li>
								<li>官方指导价：<span class="money">260.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/bs.jpg" />
							<ul>
								<li class="title">自由光 镀洛门把手 </li>
								<li>官方指导价：<span class="money">1200.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/ziyoux.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>
								<li>官方指导价：<span class="money">1600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/bsy.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>
								<li>官方指导价：<span class="money">1600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/cm.jpg" />

							<ul>
								<li class="title">全新Jeep自由侠 chemo </li>
								<li>官方指导价：<span class="money">520.00</span></li>
								<input type="checkbox" vname="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/ctb.jpg" />

							<ul>
								<li class="title">自由光 云辉侧踏板 </li>
								<li>官方指导价：<span class="money">3200.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/xcjly.jpg" />

							<ul>
								<li class="title">自由光 行车记录仪 </li>
								<li>官方指导价：<span class="money">1450.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/dhb.jpg" />

							<ul>
								<li class="title">指南者 底护板 </li>
								<li>官方指导价：<span class="money">1240.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/dlb.jpg" />

							<ul>
								<li class="title">自由光 导流板 </li>
								<li>官方指导价：<span class="money">860.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/gqth.jpg" />

							<ul>
								<li class="title">美国国旗贴花 </li>
								<li>官方指导价：<span class="money">600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/jd.jpg" />

							<ul>
								<li class="title">自由光 脚垫 </li>

								<li>官方指导价：<span class="money">450.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/fst.jpg" />

							<ul>
								<li class="title">指南者 门边封条 </li>

								<li>官方指导价：<span class="money">680.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/tjbh.jpg" />

							<ul>
								<li class="title">自由光 车尾饰板 </li>

								<li>官方指导价：<span class="money">1200.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/qyd.jpg" />

							<ul>
								<li class="title">自由光 左侧雨挡 </li>

								<li>官方指导价：<span class="money">320.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/ysk.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>

								<li>官方指导价：<span class="money">1600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/zp.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>

								<li>官方指导价：<span class="money">1200.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/ymdb.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>

								<li>官方指导价：<span class="money">320.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/zsg.jpg" />

							<ul>
								<li class="title">自由光 装饰板</li>

								<li>官方指导价：<span class="money">3214.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/cm.jpg" />

							<ul>
								<li class="title">Jeep自由光 车模 </li>

								<li>官方指导价：<span class="money">3600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/wubutg.jpg" />

							<ul>
								<li class="title">Jeep自由光 尾钩 </li>

								<li>官方指导价：<span class="money">800.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/dhb.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>

								<li>官方指导价：<span class="money">460.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/th.jpg" />

							<ul>
								<li class="title">Jeep自由光 贴花</li>

								<li>官方指导价：<span class="money">1200.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/tz.png" />

							<ul>
								<li class="title">全新Jeep自由光 </li>

								<li>官方指导价：<span class="money">16222</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/ysxlj.jpg" />

							<ul>
								<li class="title">全新Jeep自由光 </li>

								<li>官方指导价：<span class="money">1600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/dnb.jpg" />

							<ul>
								<li class="title">Jeep自由光 挡泥板 </li>

								<li>官方指导价：<span class="money">600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/qmm.jpg" />

							<ul>
								<li class="title">Jeep自由光 气门帽 </li>

								<li>官方指导价：<span class="money">1600.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="txt" class="_goods">
							<img src="img/shopping/aqzy.jpg" />

							<ul>
								<li class="title">Jeep自由光 安全座椅</li>

								<li>官方指导价：<span class="money">6400.00</span></li>
								<input type="checkbox" name="product" />
							</ul>
						</div>
					</td>
				</tr>

			</table>

			<div class="bto">

				<div id="barcon" name="barcon"></div>

				<img src="img/shopping/jrgwc.png" class="shopping-cart" />
				<p><input type="checkbox" name="product" id="qx" />全选</p>
			</div>
		</div>
		<!--/middle-->
		<div class="bot-img">
			<img src="img/最新底部.png" />
			<ul class="phone">
				<li>电话热线：400 &nbsp;6500&nbsp;118</li>
				<li><img src="img/wb.png" />&nbsp;&nbsp;<img src="img/wx.png" /></li>
			</ul>
		</div>
		<!--/bottom-->

		<script type="text/javascript" src="js/shopping.js">
		</script>
	</body>

</html>